<template>
  <div>
    <h2>App组件</h2>
    <h2>msg: {{ msg }}</h2>
    <hr />
    <!-- 
     vue2中组件上使用v-model:
      v-model="msg"
      相当于是给子组件传递了props数据：value 和自定义事件 input
      vue2中，给子组件使用v-model，只能使用一次
     -->
    <A v-model="msg"></A>
    <!-- <A :value="msg" @input=""></A> -->
  </div>
</template>
<script>
import A from "./components/A.vue";
export default {
  name: "App",
  data() {
    return {
      msg: "hello",
      count: 20,
    };
  },
  methods: {},
  components: {
    A,
  },
};
</script>

<style lang="less" scoped></style>
